<template>
  <div class="control-duty-left">
    <div class="left-up">
      <SetUp />
      <Execute />
    </div>
    <DutyTrends />
  </div>
</template>

<script setup lang="ts">
import { defineComponent } from 'vue';
import SetUp from './setUp/index.vue';
import Execute from './execute/index.vue';
import DutyTrends from './dutyTrends/index.vue';

defineComponent({ name: 'ControlDutyLeft' });
</script>

<style scoped lang="scss">
.control-duty-left {
  @apply w-full h-[540px] grid grid-rows-2 gap-[30px];

  .left-up {
    @apply w-full h-full grid grid-cols-2 gap-[35px];
  }
}
</style>
